<template>
  <van-nav-bar title="登录" left-text="返回" left-arrow @click-left="$router.back()" placeholder fixed />
  <van-form @submit="updatePwdFn()">
    <van-cell-group inset>
      <van-field v-model="username" name="用户名" label="用户名" placeholder="用户名"
        :rules="[{ required: true, message: '请填写用户名' }]" />
      <van-field v-model="oldpassword" type="password" name="旧密码" label="旧密码" placeholder="旧密码"
        :rules="[{ required: true, message: '请填写旧密码' }]" />
      <van-field v-model="newpassword" type="password" name="新密码" label="新密码" placeholder="新密码"
        :rules="[{ required: true, message: '请填写密码' }]" />
    </van-cell-group>
    <div style="margin: 16px">
      <van-button round block type="primary" native-type="submit"> 修改密码 </van-button>
    </div>
  </van-form>
</template>

<script setup>
import { updatePasswordReq } from '@/api/user'
import { getlocalStorage } from '@/utils/localStorage'
import { showDialog } from 'vant'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
let router = useRouter()
let username = ref('')
let oldpassword = ref('')
let newpassword = ref('')
let userid = getlocalStorage.userid
async function updatePwdFn() {
  let res = await updatePasswordReq(userid, oldpassword.value, newpassword.value)

  showDialog({
    title: '提示',
    message: res.data.message,
  }).then(() => {
    // on close
  })
  if (res.data.code == 200) {
    // localStorage.setItem('token', res.data.data.token)
    // localStorage.setItem('userid', res.data.data.userid)
    router.push('/login')
  }
}
</script>

<style></style>
